<template>
  <div class="wrapper">
    <ul class="content">
      <li>分列列表1</li>
      <li>分列列表2</li>
      <li>分列列表3</li>
      <li>分列列表4</li>
      <li>分列列表5</li>
      <li>分列列表6</li>
      <li>分列列表7</li>
      <li>分列列表8</li>
      <li>分列列表9</li>
      <li>分列列表10</li>
      <li>分列列表11</li>
      <li>分列列表12</li>
      <li>分列列表13</li>
      <li>分列列表14</li>
      <li>分列列表15</li>
      <li>分列列表16</li>
      <li>分列列表17</li>
      <li>分列列表18</li>
      <li>分列列表19</li>
      <li>分列列表20</li>
      <li>分列列表21</li>
      <li>分列列表22</li>
      <li>分列列表23</li>
      <li>分列列表24</li>
      <li>分列列表25</li>
      <li>分列列表26</li>
      <li>分列列表27</li>
      <li>分列列表28</li>
      <li>分列列表29</li>
      <li>分列列表30</li>
      <li>分列列表31</li>
      <li>分列列表32</li>
      <li>分列列表33</li>
      <li>分列列表34</li>
      <li>分列列表35</li>
      <li>分列列表36</li>
      <li>分列列表37</li>
      <li>分列列表38</li>
      <li>分列列表39</li>
      <li>分列列表40</li>
      <li>分列列表41</li>
      <li>分列列表42</li>
      <li>分列列表43</li>
      <li>分列列表44</li>
      <li>分列列表45</li>
      <li>分列列表46</li>
      <li>分列列表47</li>
      <li>分列列表48</li>
      <li>分列列表49</li>
      <li>分列列表50</li>
      <li>分列列表51</li>
      <li>分列列表52</li>
      <li>分列列表53</li>
      <li>分列列表54</li>
      <li>分列列表55</li>
      <li>分列列表56</li>
      <li>分列列表57</li>
      <li>分列列表58</li>
      <li>分列列表59</li>
      <li>分列列表60</li>
      <li>分列列表61</li>
      <li>分列列表62</li>
      <li>分列列表63</li>
      <li>分列列表64</li>
      <li>分列列表65</li>
      <li>分列列表66</li>
      <li>分列列表67</li>
      <li>分列列表68</li>
      <li>分列列表69</li>
      <li>分列列表70</li>
      <li>分列列表71</li>
      <li>分列列表72</li>
      <li>分列列表73</li>
      <li>分列列表74</li>
      <li>分列列表75</li>
      <li>分列列表76</li>
      <li>分列列表77</li>
      <li>分列列表78</li>
      <li>分列列表79</li>
      <li>分列列表80</li>
      <li>分列列表81</li>
      <li>分列列表82</li>
      <li>分列列表83</li>
      <li>分列列表84</li>
      <li>分列列表85</li>
      <li>分列列表86</li>
      <li>分列列表87</li>
      <li>分列列表88</li>
      <li>分列列表89</li>
      <li>分列列表90</li>
      <li>分列列表91</li>
      <li>分列列表92</li>
      <li>分列列表93</li>
      <li>分列列表94</li>
      <li>分列列表95</li>
      <li>分列列表96</li>
      <li>分列列表97</li>
      <li>分列列表98</li>
      <li>分列列表99</li>
      <li>分列列表100</li>
      <li>分列列表101</li>
      <li>分列列表102</li>
      <li>分列列表103</li>
      <li>分列列表104</li>
      <li>分列列表105</li>
      <li>分列列表106</li>
      <li>分列列表107</li>
      <li>分列列表108</li>
      <li>分列列表109</li>
      <li>分列列表110</li>
      <li>分列列表111</li>
      <li>分列列表112</li>
      <li>分列列表113</li>
      <li>分列列表114</li>
      <li>分列列表115</li>
      <li>分列列表116</li>
      <li>分列列表117</li>
      <li>分列列表118</li>
      <li>分列列表119</li>
      <li>分列列表120</li>
      <li>分列列表121</li>
      <li>分列列表122</li>
      <li>分列列表123</li>
      <li>分列列表124</li>
      <li>分列列表125</li>
      <li>分列列表126</li>
      <li>分列列表127</li>
      <li>分列列表128</li>
      <li>分列列表129</li>
      <li>分列列表130</li>
      <li>分列列表131</li>
      <li>分列列表132</li>
      <li>分列列表133</li>
      <li>分列列表134</li>
      <li>分列列表135</li>
      <li>分列列表136</li>
      <li>分列列表137</li>
      <li>分列列表138</li>
      <li>分列列表139</li>
      <li>分列列表140</li>
      <li>分列列表141</li>
      <li>分列列表142</li>
      <li>分列列表143</li>
      <li>分列列表144</li>
      <li>分列列表145</li>
      <li>分列列表146</li>
      <li>分列列表147</li>
      <li>分列列表148</li>
      <li>分列列表149</li>
      <li>分列列表150</li>
      <li>分列列表151</li>
      <li>分列列表152</li>
      <li>分列列表153</li>
      <li>分列列表154</li>
      <li>分列列表155</li>
      <li>分列列表156</li>
      <li>分列列表157</li>
      <li>分列列表158</li>
      <li>分列列表159</li>
      <li>分列列表160</li>
      <li>分列列表161</li>
      <li>分列列表162</li>
      <li>分列列表163</li>
      <li>分列列表164</li>
      <li>分列列表165</li>
      <li>分列列表166</li>
      <li>分列列表167</li>
      <li>分列列表168</li>
      <li>分列列表169</li>
      <li>分列列表170</li>
      <li>分列列表171</li>
      <li>分列列表172</li>
      <li>分列列表173</li>
      <li>分列列表174</li>
      <li>分列列表175</li>
      <li>分列列表176</li>
      <li>分列列表177</li>
      <li>分列列表178</li>
      <li>分列列表179</li>
      <li>分列列表180</li>
      <li>分列列表181</li>
      <li>分列列表182</li>
      <li>分列列表183</li>
      <li>分列列表184</li>
      <li>分列列表185</li>
      <li>分列列表186</li>
      <li>分列列表187</li>
      <li>分列列表188</li>
      <li>分列列表189</li>
      <li>分列列表190</li>
      <li>分列列表191</li>
      <li>分列列表192</li>
      <li>分列列表193</li>
      <li>分列列表194</li>
      <li>分列列表195</li>
      <li>分列列表196</li>
      <li>分列列表197</li>
      <li>分列列表198</li>
      <li>分列列表199</li>
      <li>分列列表200</li>
    </ul>
  </div>
</template>

<script>
import BScroll from 'better-scroll'

export default {
  name: 'Category',
  mounted () {
    new BScroll('.wrapper', {
      click: true,
      pullUpLoad: true
    });
  },
}
</script>

<style scoped>
.wrapper {
  height: 400px;
  background-color: lightcoral;
  overflow: hidden;
}
</style>
